<!doctype html>
<html>
<head>
<meta charset="utf-8">

<link rel="stylesheet" href="css/base.css" />
<link rel="stylesheet" href="css/index.css" />
<!-- 引入icon标 -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<!-- 三大标签①title -->
<title>歪东</title>
<!-- 三大标签②description -->
<meta name="description" content="这是一个歪商城" />
<!-- 三大标签③keywords -->
<mate name="keywords" content="歪商城" />
</head>

<body>
    <!-- 页面头部分start -->
    <div class="ad">
        <div class="w">
            <!-- a标签是行内元素不能指定宽度，宽度为内容宽度 -->
            <a href="#">
                <img src="images/0004c1b85fbf7bde.png" style="width: 1190px;height: 80px;"/>
            </a>
        </div>
    </div>
    <div class="shortcut">
        <div class="w">
            <ul class="fl city">
                <li><i class="f10"></i>二仙桥</li>
            </ul>
            <ul class="fr">
                <li>
                    <a href="#">你好，请登录</a>
                    <a class="f10" href="#">免费注册</a>
                </li>
                <li class="space"></li>
                <li><a href="#">我的订单</a></li>
                <li class="space"></li>
                <li><a href="#">我的京东</a><i></i></li>
                <li class="space"></li>
                <li><a href="#">京东会员</a><i></i></li>
                <li class="space"></li>
                <li><a href="#">企业采购</a><i></i></li>
                <li class="space"></li>
                <li><a href="#">客户服务</a><i></i></li>
                <li class="space"></li>
                <li><a href="#">网站导航</a><i></i></li>
                <li class="space"></li>
                <li class="mobil">
                    <a href="#">手机京东</a>
                    <img src="images/下载 (1).png" >
                </li>
            </ul>
        </div>
    </div>
    <header>
    <div class="w middle">
        <div class="logo">
            <h1><!-- 提高权重 -->
                <a href="#"></a>
            </h1>
        </div>
        <div class="form">
            <input type="text" placeholder="搜所">
            <button> <i></i></button>
        </div>
        <div class="shopCar">
            <i></i>
            <a href="#">我的购物车</a>
            <span>0</span>
        </div>
        <div class="hotWords">
            <a href="">11111</a>
            <a href="">2222</a>
            <a href="">111</a>
            <a href="">1111</a>
            <a href="">11111</a>
            <a href="">111</a>
            <a href="">111</a>
            <a href="">111</a>
        </div>
        <div class="navitems">
            <ul>
                <li><a href="#">秒杀</a></li>
                <li><a href="#">优惠券</a></li>
                <li><a href="#">PLUS会员</a></li>
                <li><a href="#">品牌闪购</a></li>
                <li><a href="#">拍卖</a></li>
                <li><a href="#">京东家电</a></li>
                <li><a href="#">京东超市</a></li>
                <li><a href="#">京东生鲜</a></li>
                <li><a href="#">京东国际</a></li>
                <li><a href="#">京东云</a></li>
            </ul>
        </div>
    
    </div>
    </header>
    <!-- 页面头部分end -->
    <!-- 页面尾部分start -->
    <footer>
        <div class="service">
            <div class="w">
                <ul>
                    <li>
                        <h5>多</h5>
                        <p>品类齐全，轻松购物</p>
                    </li>
                    <li>
                        <h5>快</h5>
                        <p>多仓直发，极速配送</p>
                    </li>
                    <li>
                        <h5>好</h5>
                        <p>品类齐全，轻松购物</p>
                    </li>
                    <li>
                        <h5>省</h5>
                        <p>品类齐全，轻松购物</p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="w help">
            <div class="fl">
                <dl>
                    <dt>购物指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl>
                    <dt></dt>
                    <dd><a href="#">上门自提</a></dd>
                    <dd><a href="#">211限时达</a></dd>
                    <dd><a href="#">配送服务查询</a></dd>
                    <dd><a href="#">配送费收取标准</a></dd>
                    <dd><a href="#">海外配送</a></dd>
                </dl>
                <dl>
                    <dt></dt>
                    <dd><a href="#">货到付款</a></dd>
                    <dd><a href="#">在线支付</a></dd>
                    <dd><a href="#">分期付款</a></dd>
                    <dd><a href="#"></a></dd>
                    <dd><a href="#"></a></dd>
                    <dd><a href="#"></a></dd>
                </dl>
                <dl>
                    <dt></dt>
                    <dd><a href="#"></a></dd>
                    <dd><a href="#"></a></dd>
                    <dd><a href="#"></a></dd>
                    <dd><a href="#"></a></dd>
                    <dd><a href="#"></a></dd>
                    <dd><a href="#"></a></dd>
                </dl>
                <dl>
                    <dt></dt>
                    <dd><a href="#"></a></dd>
                    <dd><a href="#"></a></dd>
                    <dd><a href="#"></a></dd>
                    <dd><a href="#"></a></dd>
                    <dd><a href="#"></a></dd>
                    <dd><a href="#"></a></dd>
                </dl>
            </div>
            <div class="fr coverage">
                <h5>京东自营覆盖区县</h5>
                <p>京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>
                <a href="@">查看详情</a>
            </div>
        </div>
        <div class="w copyRight">

        </div>
    </footer>
    <!-- 页面尾部分end -->
</body>
</html>
